<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/ruoyi.css"/>
	</head>
	<body>
		<div id="all">
			<div id="allbody">
				<div id="head">
					<button id="ruoyi">RuoYi</button>
					<ul id="left">
						<li class="img">
							<a href="enter.html">
								<img src="img/more.png" />
							</a>
						</li>
						<li class="admin">
							<a href="https://demo.ruoyi.vip/index#menu_1">
								<img src="img/set.png" />
								<p>系统管理</p>
							</a>
						</li>
					
						<li class="admin">
							<a href="https://demo.ruoyi.vip/index#menu_2">
								<img src="img/look.png" />
								<p>系统监控</p>
							</a>
						</li>
						
						<li class="admin">
							<a href="https://demo.ruoyi.vip/index#menu_3">
								<img src="img/more.png" />
								<p>系统工具</p>
							</a>
						</li>
						
						<li class="admin">
							<a href="http://ruoyi.vip/">
								<img src="img/plane.png" />
								<p>系统官网</p>
							</a>
						</li>
						
						
						<li class="img">
							<a href="https://demo.ruoyi.vip/index">
								<img src="img/more.png" />
							</a>
						</li>
						
					</ul>
					<ul id="right">
						
						<li class="document">
							<a href="http://doc.ruoyi.vip/ruoyi/">
								<img src="img/wenhao.png"  />
								<p>文档</p>
							</a>
						</li>
						
						<li class="document">
							<a href="enter.html">
								<img src="img/suo.png" />
								<p>锁屏</p>
							</a>
						</li>
						<li class="document">
							<a href="javascript:;">
								<img src="img/quan.png"  />
								<p><button type="button" id="btn">全屏</button></p>
							</a>
						</li>
						<li class="document" id="person" onmouseover="showPerson()" onmouseout="offPerson()">
							<a href="javascript:;">
								<img src="img/ruoyi.jpg"/>
								<p>若依</p>
								<!--若依隐藏的那个个人信息-->
								<div id="hidePerson" onmouseover="showPerson()" onmouseout="offPerson()">
									<ul>
										<li class="center">
											<a href="javascript:;">
												<p><button id="personInfor">个人中心</button></p>
											</a>
										</li>
										<li class="center">
											<a href="javascript:;">
												<p><button id="changeInfor">修改信息</button></p>
											</a>
										</li>		
										<li class="center">
											<a href="javascript:;">
												<p>切换主题</p>
											</a>
										</li>
										<li class="center">
											<a href="javascript:;">
												<p>左侧菜单</p>
											</a>
										</li>
										<li class="center">
											<a href="enter.html">
												<p>退出登录 </p>
											</a>
										</li>
									</ul>
								</div>
							</a>
						</li>
					</ul>
				</div>
				
				<!--修改个人资料的隐藏部分-->
				<div class="alterHide">
					<div class="alterContent">
						<table>
							<tr>
								<td class="message">名字:</td>
								<td><input type="text" class="altertext"/></td>
							</tr>
							<tr>
								<td class="message">地址:</td>
								<td><input type="text" class="altertext"/></td>
							</tr>
							<tr>
								<td class="message">手机:</td>
								<td><input type="text" class="altertext"/></td>
							</tr>
							<tr>
								<td class="message">年龄:</td>
								<td><input type="text" class="altertext"/></td>
							</tr>
							<tr>
								<td class="message">性别:</td>
								<td><input type="text" class="altertext"/></td>
							</tr>
						</table>
						<button class="alterNoBtn">取消</button>
						<button class="alterYesBtn">确认</button>
					</div>
				</div>
				<!--隐藏的个人中心-->
				<div class="personHide">
					<div class="personContent">
						<table>
							<tr>
								<td class="personName">名字:</td>
								<td><input type="text" class="persontext"/></td>
							</tr>
							<tr>
								<td class="personName">地址:</td>
								<td><input type="text" class="persontext"/></td>
							</tr>
							<tr>
								<td class="personName">手机:</td>
								<td><input type="text" class="persontext"/></td>
							</tr>
							<tr>
								<td class="personName">年龄:</td>
								<td><input type="text" class="persontext"/></td>
							</tr>
							<tr>
								<td class="personName">性别:</td>
								<td><input type="text" class="persontext"/></td>
							</tr>
						</table>
						<button class="personNoBtn">取消</button>
						<button class="personYesBtn">确认</button>
					</div>
				</div>
				
				
				
				<!--左边导航兰-->
				<div id="add">
					<div id="navigation">
						<div id="state">
							<a href="javascript:;"><img src="img/ruoyi.jpg"/></a>
							<span>wendy</span>
							<div class="green">
								<a href="javascript:;">
									<div class="pot"></div>
									<p>在线</p>
								</a>
							</div>
							<div class="red">
								<a href="enter.html">
									<div class="pots"></div>
									<p>注销</p>
								</a>
							</div>
						</div>
						<ul id="manage">
							<li class="user">
								<a href="enter.html">
									<img src="img/look.png" />
									<p>用户管理</p>
								</a>
							</li>
							<li class="user">
								<a href="角色管理.html">
									<img src="img/look.png"/>
									<p>角色管理</p>
								</a>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>菜单管理</p>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>部门管理</p>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>岗位管理</p>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>字典管理</p>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>参数设置</p>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>通知广告</p>
							</li>
							<li class="user">
								<img src="img/look.png"/>
								<p>日志管理</p>
								<div class="second">
									<ul class="second-menu">
										<li class="sec-menu"><a href="#">操作日志</a></li>
										<li class="sec-menu"><a href="#">登录日志</a></li>
									</ul>
								</div>	
							</li>
						</ul>
					</div>
					<!--导航栏右边的那部分-->
					<div id="rightbtn">
						<div id="addscan">
							菜品名称:<input type="text" value="" class="nameid" >
							价格:<input type="text" value="" class="nameid">
							搭配	:<input type="text" value="" class="nameid">
							类型名称:<input type="text" value="" class="nameid">
							类型值:<input type="text" value="" class="nameid">
							<button class="newadd" onclick="query()"/>新增</button><br />
						</div>	
						<div id="scan">
							菜品名称:<input type="text" class="searchByName" />
							<button class="scan">搜索</button>
							<button class="getnew">重置</button>
						</div>
						<div id="form">
							<table cellpadding="0" cellspacing="0" id="table">
								<tr class="title">
									<th>菜品名字</th>
									<th>价格</th>
									<th>搭配</th>
									<th>类型名称</th>
									<th>类型值</th>
									<th class="noneShow">地址</th>
									<th>编辑</th>
								</tr>
								<tbody id="tbody">
									<tr class="dish">
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta noneShow"></td>
										<td>
											<button class="del">删除</button>
											<button class="change">修改</button>
										</td>
									</tr>
									<tr class="dish">
										
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta noneShow"></td>
										<td>
											<button class="del">删除</button>
											<button class="change">修改</button>
										</td>
									</tr>
									<tr class="dish">
										
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta noneShow"></td>
										<td>
											<button class="del">删除</button>
											<button class="change">修改</button>
										</td>
									</tr>
									<tr class="dish">
										
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta noneShow"></td>
										<td>
											<button class="del">删除</button>
											<button class="change">修改</button>
										</td>
									</tr>
									<tr class="dish">
										
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta"></td>
										<td class="ta noneShow"></td>
										<td>
											<button class="del">删除</button>
											<button class="change">修改</button>
										</td>
									</tr>
								</tbody>
							</table>
	       					<ul id="changePage">
								<li class="page active" data-index="0">1</button>
			        			<li class="page" data-index="1">2</button>
			       				<li class="page" data-index="2">3</button>
			       				<li class="page" data-index="3">4</button>
			       				<li class="page" data-index="4">5</button>
			       				<li class="page" data-index="5">6</button>
	       					</div>
						</div>
						
					</div>
				</div>
				<!--删除  隐藏的那个板块-->
				
				<div class="delHide">
					<div class="delcontent">
						<div class="delp">
							<div>是否删除id为<div class="getId"></div>的菜品</div>
						</div>
						<button class="delyesbtn">确认</button>
						<button class="delnobtn">取消</button>
					</div>
				</div>
				
				<!--修改内容的隐藏-->
				<div class="changeHide">
					<div class="changeContent">
						<table>
							<tr>
								<td class="name">菜品名称:</td>
								<td><input type="text" class="changetext"/></td>
							</tr>
							<tr>
								<td class="name">价格:</td>
								<td><input type="text" class="changetext"/></td>
							</tr>
							<tr>
								<td class="name">参数:</td>
								<td><input type="text" class="changetext"/></td>
							</tr>
							<tr>
								<td class="name">类型名称:</td>
								<td><input type="text" class="changetext"/></td>
							</tr>
							<tr>
								<td class="name">类型地址:</td>
								<td><input type="text" disabled="disabled" class="changetext"/></td>
							</tr>
							<tr>
								<td class="name">地址:</td>
								<td><input type="text" disabled="disabled" class="changetext"/></td>
							</tr>
						</table>
						<button class="changeYesBtn">确认</button>
						<button class="changeNoBtn">取消</button>
					</div>
				</div>
				
				
				
				
				
			</div>
		</div>
		<script src="js/jquery-1.12.4.min.js"></script>
		<script type="text/javascript" src="js/ruoyi.js">
			
		</script>
	</body>
</html>
